<!DOCTYPE>
<html>
	<head>
		<meta charset="utf-8">
		<title>OrderRest - Login</title>			
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<style type="text/css">
			label {
				display: block;
				margin: 10px 0 10px 0;
			}
		</style>
		<script type="text/javascript">
			function offWhiteBox(){
			    var WIDTH = 855;
			    var scrWidth  = document.body.clientWidth;
			    var xOffset   = Math.abs( Math.floor( (scrWidth/2)-(WIDTH/2) ) );	
			    document.getElementsByName("login")[0].style.marginLeft = xOffset + "px";
			    document.getElementsByName("bulletin")[0].style.marginLeft = 160 + "px";
			}
			window.onload = function(){
				offWhiteBox();
			}
			window.onresize = function(){ 
				offWhiteBox();
			}
		</script>
	</head>
	<body>
		<div id="header">
			<div class="rfloat top_nagiv">
				<ul>
					<li>
						<a class="top_font" href="register">Sign Up</a>
					</li>
					<li>
						<span class="top_font">&nbsp|&nbsp</span>
					</li>
					<li>
						<a class="top_font" href="login.php">Sign In</a>
					</li>
				</ul>
			</div>				
		</div>
		<div id="wrap">
			<div id="main-content">
				<div class="logo">
					<img src="<?php echo IMG_DIR;?>logo_p.png"/>
				</div>
				<div class="secondary-content">			
					<div name="login" class="white_box">
						<div style="margin-left:35px; margin-top:35px;">
							<img src="<?php echo IMG_DIR.'login.png';?>"/>
						</div>
						<form id="login_form" style="margin-top:40px;" method="post" action="user">
							<input type="hidden" name="action" value="login">
							<label>
								<span class="login_font">Account:</span></br>
								<input id="account" name="account" class="text_field wide" type="text" autofocus/>
							</label>
							<label>
								<span class="login_font">Password:</span></br>
								<input name="password" class="text_field wide" type="password"/>
							</label>
							<div style="margin-left:125px; margin-top:25px;">
								<input type="image" src="<?php echo IMG_DIR.'login_button.png';?>"/ style="margin-left:10px;width:78px;" onClick="">
							</div>
						</form>
					</div>
					<div name="bulletin" class="white_box">
						<div style="margin-left:30px; margin-top:35px;">
							<img src="../images/bulletin.png"/>
						</div> 
					</div>							
				</div>
			</div>
		</div>
		<div id="footer">
		</div>		
	</body>	

</html>